<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>重庆耀炎食品有限公司</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/Service.css">
</head>

<body>
<div class="main">
    <!--导航栏-->
    <div class="container nav-container">
        <ul class="nav">
            <!--首页-->
            <li class="nav-item">
                <a href="../index.html">首页</a>
            </li>
            <!--品牌与产品-->
            <li class="nav-item">
                <a href="Product.html">品牌与产品</a>
            </li>
            <!--联合营作-->
            <li class="nav-item">
                <a href="Cooperation.html">联合营作</a>
            </li>
            <!--logo-->
            <li class="nav-item mid_logo">耀炎食品</li>
            <!--配套服务-->
            <li class="nav-item active">
                <a href="Service.html">配套服务</a>
            </li>
            <!--门店信息-->
            <li class="nav-item">
                <a href="Info.html">门店信息</a>
            </li>
            <!--关于我们-->
            <li class="nav-item nav-about">
                <a href="About.html">关于我们</a>
                <div class="nav-about-list">
                    <p>企业</p>
                    <p>加入我们</p>
                </div>
            </li>
        </ul>
    </div>
    <!--轮播图-->
    <header class="container swiper-container">
        <!--图片展示区-->
        <div class="swiper-slider">
            <div class="swiper-item show">
                <img src="../imgs/banner1.png" alt="图片1">
            </div>
            <div class="swiper-item">
                <img src="../imgs/banner2.jpg" alt="图片2">
            </div>
            <div class="swiper-item">
                <img src="../imgs/banner3.jpg" alt="图片3">
            </div>
        </div>
        <!--左侧按钮-->
        <div class="swiper-button swiper-button-prev">
            <img src="../imgs/left.png" alt="上一张">
        </div>
        <!--右侧按钮-->
        <div class="swiper-button swiper-button-next">
            <img src="../imgs/right.png" alt="下一张">
        </div>
    </header>

    <!--配套服务-->
    <article class="container content">
        <!--婚庆礼台-->
        <div class="service-wedding">
            <div class="service-wedding-brand">
                <img src="../imgs/content_1.png" alt="婚庆礼台">
            </div>
            <div class="service-wedding-text">
                <p>百滋百特秘制配方，纯手工制作，每一个圈堪称经典；低糖低
                    油，口感松软，外形精致。</p>
                <p>精选进口食材，不含防腐剂，纯手工制作，超级酥脆，入口即
                    化的美妙口感。</p>
            </div>
            <div class="service-wedding-img">
                <img src="../imgs/content_12.png" alt="很好看的婚庆礼台">
            </div>
        </div>
        <!--会议沙龙-->
        <div class="service-meeting">
            <div class="service-meeting-img">
                <img src="../imgs/content_22.png" alt="很精致的会议沙龙">
            </div>
            <div class="service-meeting-text">
                <p>我们手牵手，用热忱架起彼此之间的友谊桥梁，用真诚交换不
                    同世界的美丽视野，用真心打造人脉资源最灿烂的舞台。</p>
            </div>
            <div class="service-meeting-brand">
                <img src="../imgs/content_2.png" alt="会议沙龙">
            </div>
        </div>
        <!--庆典活动-->
        <div class="service-activity">
            <div class="service-activity-brand">
                <img src="../imgs/content_3.png" alt="庆典活动">
            </div>
            <div class="service-activity-text">
                <p>真心去体验生活中的每一度热爱，去享受欢聚的每一刻美好，
                    去回味昔日的每一份甜蜜。</p>
            </div>
            <div class="service-activity-img">
                <img src="../imgs/content_32.png" alt="很多人的庆典活动">
            </div>
        </div>
        <!--主题服务-->
        <div class="service-help">
            <div class="service-help-img">
                <img src="../imgs/content_42.png" alt="很热心的主题服务">
            </div>
            <div class="service-help-text">
                <p>清晨，一杯浓浓的咖啡，一块酥软的曲奇饼，立刻驱散了我们
                    朦胧的睡意，美好的一天就此开始。</p>
            </div>
            <div class="service-help-brand">
                <img src="../imgs/content_4.png" alt="主题服务">
            </div>
        </div>
    </article>

    <!--页脚-->
    <footer class="container footer">
        <!--左侧企业介绍-->
        <div class="footer_left">
            <p>重庆耀炎食品有限公司</p>
            <p>地址：重庆市渝中区龙湖时代天街C馆17栋</p>
            <p>耀炎食品&copy;版权所有</p>
        </div>
        <!--中间产品logo-->
        <div class="footer_mid">耀炎食品</div>
        <!--右侧联系方式-->
        <div class="footer_right">邮箱:info@yaoyanfood.com</div>
    </footer>
</div>
</body>
<script src="../js/header.js"></script>
</html>